<!--
 * @Author: DUST
 * @Date: 2023-05-17 13:52:31
 * @LastEditors: DUST
 * @LastEditTime: 2023-06-27 10:10:02
 * @FilePath: \vite-project\src\views\browse\noteList\index.vue
 * @Description: 
 * undefined
-->
<template>
  <browsePageTemplate>
    <template #banner><!-- banner -->
      <div class="topInfo">
        <div class="detailsHeader">
          <div class="detailsTitle">{{ router.currentRoute.value.meta.title }}</div>
          <div class="breadcrumb">
            <a-breadcrumb separator=">">
              <a-breadcrumb-item v-for="item of pathMap" :key="item.meta.key" @click="goPath(item.path)">
                {{ item.meta.title }}
              </a-breadcrumb-item>
            </a-breadcrumb>
          </div>
        </div>
      </div>
      <browsePageBanner />
    </template>
    <div class="browseIndex">
      <browsePageList v-model:pagination="pagination" :tableData="tableData" :goToDetails="goToDetails" />
    </div>
  </browsePageTemplate>
</template>

<script lang="ts" setup>
import router from "@/router";
import Notes from "./";

const { pagination, tableData, goToDetails, pathMap, goPath } = new Notes(router.currentRoute.value);
</script>

<style lang="less" scoped>
.browseIndex {
  width: 100%;
  height: 100%;
  .banner {
    height: 800px;
    width: 100%;
    // min-width: 1920px;
    background: url("@/assets/banner1.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
  .tagBox {
    width: 365;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    .tag {
      font-size: 12px;
    }
  }
}
</style>
